<template>
    <div class="homeContainer">
        <h1>{{ $t('home.title') }}</h1>
        <p>{{ $t('home.description') }}</p>
        <p>{{ $t('common.common') }}</p>
        <button @click="gotoAbout">跳转到关于页面</button>
        <LanguageSwitcher />
    </div>
</template>


<script setup>
import { getCurrentInstance } from 'vue'
import LanguageSwitcher from '@/components/LanguageSwitcher/index.vue'
const { proxy } = getCurrentInstance()

const gotoAbout = () => {
    proxy.$router.push({
        path: '/about',
        query: {}
    })
}

</script>

<style scoped>
.homeContainer {
    width: 100%;
    height: 100%;

}
</style>